<template>
  <el-container>
    <el-main>
      <div class="home">
        <el-collapse accordion>
          <el-collapse-item v-for="(item,index) in articalItems" :key="index">
            <template slot="title">
             {{item.title}}
            </template>
            <div><span v-html="item.content"></span></div>

          </el-collapse-item>
        </el-collapse>
      </div>
    </el-main>
  </el-container>

</template>

<script>
  export default {
    data() {
      return {
        articalItems:[],
          test:'<p>werwer</p>'
      }
    },
    created:function () {
      this.$http.get('http://localhost:8000/artical').then(data=>{
        this.articalItems=data.body
      })
    }
  }
</script>

<style scoped>

</style>
